body {
  width: 100%;
  height: 100%!important;
  font-family: "微软雅黑";
}
body.body-fixed {
  position: fixed;
}
/* 音乐播放 start*/
body .musicBox {
  position: fixed;
  left: 7%;
  top: 4%;
  width: 100%;
  z-index: 10;
}
body .musicBox .musicIcon {
  position: absolute;
  z-index: 10;
  width: 8%;
}
/* 音乐播放 end*/
/*用户授权loading界面 start*/
body .loading .loadinglArea #loadingBg {
  width: 21%;
}
/*用户授权loading界面 end*/
/*进入界面 start*/
body .enter {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
body .enter .fullBg {
  width: 100%;
  height: 100%;
}
body .enter .shouye1 {
  position: absolute;
  top: 57%;
  left: -5%;
  width: 45%;
}
body .enter .shouye2 {
  position: absolute;
  top: 57%;
  right: -5%;
  width: 45%;
}
body .enter .start {
  position: absolute;
  bottom: 12%;
  left: 0;
  right: 0;
  z-index: 10;
  text-align: center;
}
body .enter .start .startMenu {
  width: 39%;
}
/*进入界面 end*/
/* 游戏说明 start*/
body .rule {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
body .rule .ruleBg {
  width: 100%;
  height: 100%;
}
body .rule .knowBtn {
  position: absolute;
  bottom: 16%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 30%;
}
/* 游戏说明 end*/
/*游戏准备界面  start*/
body .ready {
  position: absolute;
  width: 100%;
  height: 100%;
}
body .ready .readyBg {
  width: 100%;
  height: 100%;
}
body .ready .readyShow {
  display: flex;
  justify-content: space-between;
  width: 88%;
  position: absolute;
  top: 10%;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 1.3rem;
}
body .ready .readyShow .time {
  width: 30%;
}
body .ready .readyShow .gift {
  width: 30%;
}
body .ready .readyShow .timeOut {
  position: absolute;
  top: 27%;
  left: 15%;
  color: #fff;
  font-size: 0.6rem;
}
body .ready .readyShow .giftCount {
  position: absolute;
  top: 33%;
  right: 3%;
  color: #fff;
  font-size: 0.6rem;
}
body .ready .daojishi {
  position: absolute;
  top: 28%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 19%;
}
body .ready .movePreson {
  position: absolute;
  bottom: 8%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 39%;
}
body .ready .moveTip {
  position: absolute;
  bottom: 30%;
  right: 6%;
  width: 30%;
}
/*游戏准备界面  end*/
/* 玩游戏 start*/
body .game {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
body .game .readyBg {
  width: 100%;
  height: 100%;
}
body .game .daojishi {
  position: absolute;
  top: 28%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 19%;
  z-index: 122;
}
body .game .readyShow {
  display: flex;
  justify-content: space-between;
  width: 90%;
  position: absolute;
  top: 10%;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 1.3rem;
}
body .game .readyShow .time {
  width: 30%;
}
body .game .readyShow .gift {
  width: 30%;
}
body .game .readyShow .timeOut {
  position: absolute;
  top: 27%;
  left: 15%;
  color: #fff;
  font-size: 0.6rem;
}
body .game .readyShow .giftCount {
  position: absolute;
  top: 33%;
  right: 3%;
  color: #fff;
  font-size: 0.6rem;
}
body .game .daojishi {
  position: absolute;
  top: 28%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 19%;
}
body .game .moveBox {
  position: absolute;
  bottom: 15%;
  width: 100%;
  height: 3.49333333rem;
}
body .game .moveBox .mover {
  position: absolute;
  top: 0;
  left: 35%;
  width: 30%;
  height: 100%;
  display: inline-block;
  z-index: 100;
}
body .game .moveBox .mover .moveImg {
  width: 100%;
}
body .game .moveBox .mover .add {
  position: absolute;
  top: 0;
  right: 7%;
  width: 20%;
}
body .game .goods {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 15%;
  z-index: 9999;
}
body .game .goods0 {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 18%;
  z-index: 9999;
}
body .game .goods1 {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 12%;
  z-index: 9999;
}
/* 玩游戏 end*/
/* 游戏结果 start */
body .result {
  position: absolute;
  width: 100%;
  height: 100%;
}
body .result .resultBg {
  width: 100%;
  height: 100%;
}
body .result .titleInfo {
  position: absolute;
  top: 21%;
  left: 35%;
  color: #fff;
  font-size: 0.6rem;
  line-height: 0.8rem;
  font-weight: 600;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
}
body .result .resultIcon {
  position: absolute;
  top: 12%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 44%;
}
body .result .resultInfo {
  position: absolute;
  top: 47%;
  left: 0;
  right: 0;
  margin: 0 auto;
  color: red;
  text-align: center;
  font-family: "微软雅黑";
  font-size: 0.4rem;
  width: 80%;
}
body .result .resultInfo p {
  line-height: 0.7rem;
}
body .result .resultInfo .spans {
  font-weight: 700;
}
body .result .resultInfo .nowScore {
  font-size: 0.5rem;
}
body .result .moreBtn {
  position: absolute;
  bottom: 33%;
  display: flex;
  justify-content: space-around;
  width: 100%;
  height: 1rem;
}
body .result .moreBtn .student {
  width: 23%;
}
body .result .moreBtn .coupon {
  width: 23%;
}
body .result .moreBtn .product {
  width: 23%;
}
body .result .ad {
  position: absolute;
  bottom: 25%;
  width: 80%;
  left: 0;
  margin: 0 auto;
  right: 0;
}
body .result .resultBtn {
  position: absolute;
  bottom: 11%;
  display: flex;
  justify-content: space-around;
  width: 100%;
  height: 1.3rem;
}
body .result .resultBtn .drawGift {
  width: 30%;
}
body .result .resultBtn .getLuck {
  width: 30%;
}
body .result .rankBtn {
  position: absolute;
  bottom: 1%;
  left: 0;
  width: 100%;
  text-align: center;
}
body .result .rankBtn .rank {
  width: 40%;
}
body .result .rankBtn .rankDown {
  position: absolute;
  top: 1%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 6%;
}
body .result .ranks {
  position: absolute;
  width: 100%;
  height: 120%;
}
body .result .ranks .ranksBg {
  width: 100%;
  height: 100%;
}
body .result .ranks .rankTitle {
  position: absolute;
  top: 8%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 72%;
}
body .result .ranks ul {
  position: absolute;
  top: 17%;
  left: 14%;
  width: 32%;
}
body .result .ranks ul li {
  border-bottom: 0.01rem solid red;
  margin: 0.2rem 0;
  display: flex;
  justify-content: space-between;
  width: 225%;
}
body .result .ranks ul li span {
  line-height: 0.6rem;
  display: inline-block;
}
body .result .ranks .getLuck {
  position: absolute;
  bottom: 38%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 28%;
}
body .result .ranks .info {
  position: absolute;
  bottom: 13%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 80%;
  font-weight: 600;
  text-align: justify;
  line-height: 0.4rem;
}
body .result .ranks .info .infoBtn {
  text-align: center;
  margin-bottom: 4%;
}
body .result .ranks .info .infoBtn .infoBtnImg {
  width: 35%;
}
/* 游戏结果 end */
/* 浮层模板样式 start */
body .natantBox {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 12;
  background: rgba(0, 0, 0, 0.7);
}
body .natantBox .natant {
  position: relative;
  width: 100%;
  text-align: center;
}
body .natantBox .natant .natantBg {
  width: 85%;
}
body .natantBox .natant .shutDown {
  position: absolute;
  bottom: -14%;
  right: 0%;
  left: 0;
  width: 7%;
  margin: 0 auto;
}
/* 浮层模板样式 end */
/* 关注浮层 start*/
body .follow .followArea .title {
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 40%;
}
body .follow .followArea .QRcode {
  position: absolute;
  top: 38%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 40%;
}
/* 关注浮层 end*/
/* 分享浮层 start*/
body .share {
  background: rgba(70, 47, 53, 0.8);
}
body .share .shareBg {
  position: absolute;
  top: 4%;
  right: 7%;
  width: 16%;
}
body .share .shareInfo {
  position: absolute;
  top: 23%;
  width: 75%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
/* 分享浮层 end*/
/*会员卡领取 start*/
body .MemberCard .MemberCardArea .title {
  position: absolute;
  top: 12%;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 33%;
}
body .MemberCard .MemberCardArea .card300 {
  position: absolute;
  top: 23%;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 61%;
}
body .MemberCard .MemberCardArea .getBtn {
  position: absolute;
  bottom: 17%;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 48%;
}
/*会员卡领取 end*/
/* 次数用尽 start */
body .total .totalArea .totalBg {
  width: 70%;
}
body .total .totalArea .totalSd {
  position: absolute;
  top: 4%;
  right: 19%;
  width: 10%;
}
body .total .totalArea .info {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  font-size: 0.4rem;
  color: red;
  width: 50%;
  margin: 0 auto;
  line-height: 0.6rem;
}
/* 次数用尽 end */
/* 手机号浮层  start */
body .phone .phoneArea .phoneInput {
  position: absolute;
  top: 25%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 70%;
}
body .phone .phoneArea .phoneInput input {
  border: none;
  border-radius: 0.2rem;
  background: #dedede;
  padding-left: 5%;
  font-size: 0.4rem;
  line-height: 0.8rem;
  height: 0.8rem;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
}
body .phone .phoneArea .phoneInput #phoneNumber {
  width: 92%;
}
body .phone .phoneArea .phoneInput .phoneTelInput {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
  height: 0.9rem;
  margin-top: 5%;
}
body .phone .phoneArea .phoneInput .testCode {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
  height: 0.9rem;
  margin-top: 5%;
}
body .phone .phoneArea .phoneInput .testCode i {
  flex: 1;
  display: block;
  height: 1rem;
  text-align: left;
}
body .phone .phoneArea .phoneInput .testCode i img {
  height: 100%;
}
body .phone .phoneArea .phoneInput .testCode #testCodeInp {
  width: 50%;
  flex: 2;
  margin-left: 0.5rem;
}
body .phone .phoneArea .phoneInput .phoneCode {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
  height: 0.9rem;
  margin-top: 6%;
}
body .phone .phoneArea .phoneInput .phoneCode #veryCode {
  width: 30%;
  flex: 2;
  margin-right: 0.5rem;
}
body .phone .phoneArea .phoneInput .phoneCode #getVeryCode {
  display: inline-block;
  background: red;
  width: 38%;
  border-radius: 7%;
  font-size: 0.4rem;
  height: 1rem;
  line-height: 1rem;
  color: #fff;
}
body .phone .phoneArea .submit {
  position: absolute;
  bottom: 19%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 30%;
}
/* 手机号浮层  end */
/* 压岁钱结果  start */
body .studyMoney .studyMoneyInfo {
  position: absolute;
  width: 85%;
  height: 36%;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 25%;
  color: red;
  font-size: 0.5rem;
  text-align: center;
}
body .studyMoney .studyMoneyInfo .title {
  width: 93%;
  position: absolute;
  top: 6%;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 0.6rem;
}
body .studyMoney .studyMoneyInfo .info {
  width: 73%;
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  font-size: 0.7rem;
  margin: 0 auto;
  font-weight: 700;
  line-height: 1.1rem;
}
body .studyMoney .studyMoneyInfo .comeOn {
  width: 100%;
  position: absolute;
  bottom: 8%;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 0.6rem;
  font-weight: 700;
}
body .studyMoney .noBag .title {
  top: 20%;
}
body .studyMoney .noBag .comeOn {
  width: 62%;
  bottom: 0;
  top: 49%;
  line-height: 0.8rem;
}
body .studyMoney .studyMoneyBtn {
  position: absolute;
  bottom: 29%;
  left: 0;
  right: 0;
  text-align: center;
}
body .studyMoney .studyMoneyBtn .giftPK {
  width: 40%;
}
/* 压岁钱结果  end */
/*福袋领取浮层*/
body .luckyBag .luckyBagArea .l_tittle {
  position: absolute;
  top: 10%;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 0.5rem;
  color: red;
}
body .luckyBag .luckyBagArea .l_list {
  position: absolute;
  top: 30%;
  width: 70%;
  margin: 0 auto;
  left: 0;
  right: 0;
  font-size: 0.5rem;
  color: red;
}
body .luckyBag .luckyBagArea .l_list.ls {
  top: 40%;
}
body .luckyBag .luckyBagArea .getLuck {
  position: absolute;
  bottom: 20%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 38%;
}
.errorTip {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.errorTip > div {
  width: 75%;
  position: relative;
}
.errorTip .errorTipCount {
  position: absolute;
  z-index: 9;
  top: 0;
  color: #ECC788;
  text-align: center;
  width: 100%;
  margin-top: -10%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.phone_bg {
  width: 100%;
}
.errorTip .errorTipCount .errorTipTitle {
  font-size: 0.6rem;
  font-weight: bold;
}
.errorTip .errorTipCount .errorTipWord {
  margin-top: 20px;
  font-size: 0.4rem;
}
.errorTip1 {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.errorTip1 > div {
  width: 75%;
  position: relative;
}
.errorTip1 .errorTipCount {
  position: absolute;
  z-index: 9;
  top: 0;
  color: #1713FD;
  text-align: center;
  width: 100%;
  margin-top: -10%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.errorTip1 .errorTipCount .errorTipTitle {
  font-size: 0.6rem;
  font-weight: bold;
}
.errorTip1 .errorTipCount .errorTipWord {
  margin-top: 20px;
  font-size: 0.4rem;
}
.errorTip1 .phone_bg {
  width: 100%;
}
body img.alertClose1 {
  width: 10%;
  position: absolute;
  right: 4.2%;
  top: 5.2%;
  z-index: 999;
}
body img.alertClose {
  width: 10%;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0 auto;
  bottom: -14%;
}
